@import '../public/less/variables.less';
html{
    height: 100%;
}
body{
    padding-top: 50*@base_size;
}
#app{
    header{
      position: fixed;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      height: 50*@base_size;
      line-height: 50*@base_size;
      background-color: white;
      padding: 0;
      width: 1200px;
      >div{
          flex: 1;
          padding: 0 20px;
      }
      >div:nth-of-type(2){
          flex: 3;
          padding-left: 0;
          padding-right: 0;
          font-size: 30*@base_size;
          color: @base_color;
      }
      >div:nth-of-type(3){
          font-size: 25*@base_size;
          text-align: right;
      }
    }
    footer{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 81*@base_size;
        border-top: 1px solid @color_line;;
        >div{
            height:100%;           
            li{
               font-size: 20*@base_size;
               width: 33.3%;
               height: 100%;
               text-align: center;
               border-right: 1px solid @color_line;
               line-height: 80*@base_size;
            }
            li:first-child{
                border-left: 1px solid @color_line;
            }
            
        }
    }
    //产品详情列表
    .product_list_detail{  
        >div.module{
            position: absolute;
            background-color: white;
            z-index: 100;
            width: 1024*@base_size;
            min-height: 100vh;
            top: 0*@base_size;
            left: 50%;
            transform:translateX(-50%);
            .title{
                text-align: center;
                border: none;
                padding-top: 30*@base_size;
                font-size: 20*@base_size;
                button{
                    position: absolute;
                    right: 35*@base_size;
                    top: 30*@base_size;
                }
            }     
            .list{
                padding-left: 0;
                margin-top: 20*@base_size;
                li{
                    padding:10*@base_size 20*@base_size;
                    border-bottom: 1px solid @color_line;
                }
                li:nth-of-type(1){
                    border-top: 1px solid @color_line;
                }
            }              
        }   
        //遮罩
        .cover{
            position: fixed;
            width: 100vw;
            height: 100vh;
            left: 0;
            top: 0;
            background-color: black;
            opacity: 0.5;
            z-index: 20;      
        }
    }
}
